<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0，maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Vote</title>
    <link rel="stylesheet" href="-reset.css">
    <link rel="stylesheet" href="-global.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="vote.css">
</head>
<body>
<div class="header pct100 bgda">
    <div class="menu w50">
        <button class="fa fa-bars l fa-lg clw bgda ml10"></button>
        <ul class="dn pct80 bgwh clda f18">
            <li class="bbc">
                <span class="fa-stack"><i class="fa fa-circle-thin fa-stack-2x"></i><i class="fa fa-volume-off fa-stack-1x"></i></span>公告
            </li>
            <li class="bbc">
                <span class="fa-stack"><i class="fa fa-circle-thin fa-stack-2x"></i><i class="fa fa-cog fa-stack-1x"></i></span>设置
            </li>
            <li class="bbc">
                <span class="fa-stack"><i class="fa fa-circle-thin fa-stack-2x"></i><i class="fa fa-question fa-stack-1x"></i></span>帮助
            </li>
            <li class="bbc">
                <span class="fa-stack"><i class="fa fa-circle-thin fa-stack-2x"></i><i class="fa fa-info fa-stack-1x"></i></span>关于
            </li>
        </ul>
    </div>
    <a href="home111.html"><button class="fa fa-times fa-lg r clw bgda mr10"></button></a>
    <h1 class="tc clw">投票</h1>
</div>
<div class="footer pct100">
    <button type="button" class="pct100 f18 clw bd_none"><a href="result.html" class="clw">投死</a></button>
</div>
<div class="statement pct100 f18 pl30">
    发言讨论结束，大家请投票
    <img src="audio.png">
    <audio src="audio.mp3" controls="controls"></audio>
    <div class="f18">
        &#9660<br>
        点击得票数最多人的头像
    </div>
</div>
<div class="main pct100">
    <div class="line">   
        <div class="role">
            <div class="role0">
                <div class="role1">水民</div>
                <div class="role2">1号</div>
            </div>
            <div class="label0">
                <div class="label1"></div>
                <div class="label2"></div>
                <div class="label3"></div>
                <div class="label4"></div>
            </div>
        </div>
        <div class="role">
            <div class="role0">
                <div class="role1">水民</div>
                <div class="role2">2号</div>
            </div>
            <div class="label0">
                <div class="label1"></div>
                <div class="label2"></div>
                <div class="label3"></div>
                <div class="label4"></div>
            </div>
        </div>
        <div class="role">
            <div class="role0">
                <div class="role1">警察</div>
                <div class="role2">3号</div>
            </div>
            <div class="label0">
                <div class="label1"></div>
                <div class="label2"></div>
                <div class="label3"></div>
                <div class="label4"></div>
            </div>
        </div>
    </div>
    <div class="line">   
        <div class="role">
            <div class="role0">
                <div class="role1">法官</div>
                <div class="role2">4号</div>
            </div>
            <div class="label0">
                <div class="label1"></div>
                <div class="label2"></div>
                <div class="label3"></div>
                <div class="label4"></div>
            </div>
        </div>
        <div class="role">
            <div class="role0">
                <div class="role1">狙击手</div>
                <div class="role2">5号</div>
            </div>
            <div class="label0">
                <div class="label1"></div>
                <div class="label2"></div>
                <div class="label3"></div>
                <div class="label4"></div>
            </div>
        </div>
        <div class="role">
            <div class="role0">
                <div class="role1">医生</div>
                <div class="role2">6号</div>
            </div>
            <div class="label0">
                <div class="label1"></div>
                <div class="label2"></div>
                <div class="label3"></div>
                <div class="label4"></div>
            </div>
        </div>
    </div><div class="line">   
        <div class="role">
            <div class="role0">
                <div class="role1">杀手</div>
                <div class="role2">7号</div>
            </div>
            <div class="label0">
                <div class="label1"></div>
                <div class="label2"></div>
                <div class="label3"></div>
                <div class="label4"></div>
            </div>
        </div>
        <div class="role">
            <div class="role0">
                <div class="role1">水民</div>
                <div class="role2">8号</div>
            </div>
            <div class="label0">
                <div class="label1"></div>
                <div class="label2"></div>
                <div class="label3"></div>
                <div class="label4"></div>
            </div>
        </div>
        <div class="role">
            <div class="role0">
                <div class="role1">水民</div>
                <div class="role2">9号</div>
            </div>
            <div class="label0">
                <div class="label1"></div>
                <div class="label2"></div>
                <div class="label3"></div>
                <div class="label4"></div>
            </div>
        </div>
    </div><div class="line">   
        <div class="role">
            <div class="role0">
                <div class="role1">杀手</div>
                <div class="role2">10号</div>
            </div>
            <div class="label0">
                <div class="label1"></div>
                <div class="label2"></div>
                <div class="label3"></div>
                <div class="label4"></div>
            </div>
        </div>
        <div class="role">
            <div class="role0">
                <div class="role1">杀手</div>
                <div class="role2">11号</div>
            </div>
            <div class="label0">
                <div class="label1"></div>
                <div class="label2"></div>
                <div class="label3"></div>
                <div class="label4"></div>
            </div>
        </div>
        <div class="role">
            <div class="role0">
                <div class="role1">杀手</div>
                <div class="role2">12号</div>
            </div>
            <div class="label0">
                <div class="label1"></div>
                <div class="label2"></div>
                <div class="label3"></div>
                <div class="label4"></div>
            </div>
        </div>
    </div>
</div>








</body>
</html>